/**
 * element.outerHTML属性 返回了element元素本身及其后代元素形成的序列化的HTML片段。
 *
 * 与innerHTML区别：
 * innerHTML从对象的起始位置到终止位置的全部内容,不包括Html标签。
 * outerHTML除了包含innerHTML的全部内容外, 还包含对象标签本身。
 **/
var box = document.querySelector('#box').outerHTML;
console.log(box);